<mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed>
  <mdl-layout-header>
    <mdl-layout-header-row>
      <mdl-layout-title>
        <img src="../../assets/images/login/title.png" style="height:50px;margin: 0 15px 0 15px;" />
      </mdl-layout-title>
      <mdl-layout-spacer></mdl-layout-spacer>
      <nav class="mdl-navigation">
        <qk-weather></qk-weather>
        <qk-profile-icon [style]=" {'margin-right': '75px', 'height': '45px', 'width': '45px'}"></qk-profile-icon>
        <qk-logout></qk-logout>
      </nav>
    </mdl-layout-header-row>
  </mdl-layout-header>
  <mdl-layout-content mdl-shadow="16">
    <aside class="sidebar">
      <div class="cdtx" style="width: auto; margin: 15px 21%;position: relative;"><img [src]="sysIcon" class="sys-image"
          style="width: auto;margin: 0px;" /></div>
      <div style="color:white;font-size: 20px;text-align: center;margin-bottom: 15px">{{subTitle}}</div>
      <div class="menu-area">
        <p-panelMenu [model]="items" [multiple]="false"
          [style]="{'width':'100%', 'font-size':'16px', 'margin-right':'-1px', 'line-height':'25px', 'text-decoration':'none'}">
        </p-panelMenu>
      </div>
    </aside>
    <aside class="sidecontent">
      <router-outlet></router-outlet>
    </aside>
  </mdl-layout-content>
</mdl-layout>
<div class="footer">
  <qk-notice-icon></qk-notice-icon>
  <qk-toolbar></qk-toolbar>
</div>
<p-confirmDialog #cd>
  <p-footer>
    <button type="button" pButton icon="fa fa-close" label="取消" (click)="cd.reject()"></button>
    <button type="button" pButton icon="fa fa-check" label="确定" (click)="cd.accept()"></button>
  </p-footer>
</p-confirmDialog>